iT邦幫忙

2023 iThome 鐵人賽

DAY 9
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 9

112/09 - Compose 基礎知識 - 開始使用狀態(上)

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第一章「Compose 基礎知識」的「開始使用狀態」的 1~6 小章

學習筆記

  1. 不管如何,所有 Compose 函式都要提供預設的Modifier
    fun WaterCounter(modifier: Modifier = Modifier) {    //這裡傳入 Modifier
       val count = 0
       Text(
           text = "You've had $count glasses.",
           modifier = modifier    //這裡使用 Modifier
       )
    }
    
  2. 使用 Log 對 Compose 偵錯不一定有效
  3. 使用remembermutableStateOf來記錄變數
    var count by remember { mutableStateOf(0) }
    
  4. Compose 移除了 Visibility,改成用判斷式決定,進入判斷式表示這個元件出現在組成內,反之則不在組成內
    • 顯示 / 隱藏
    • 出現 / 不在
  5. Compose 元件中的每個設定都可以用變數判斷
    @Composable
    fun WaterCounter(modifier: Modifier = Modifier) {
        Button(
            onClick = { count++ },    //每次點擊 count ++
            Modifier.padding(top = 8.dp),
            enabled = count < 10) {    //count 10 以上,按鈕就會變成不啟用
    }
    

上一篇
112/08 - Compose 基礎知識 - 實際進行設計(下)
下一篇
112/10 - Compose 基礎知識 - 開始使用狀態(下)
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言